<template>
  <div class="pa-4">
    <img class="img-width mb-4" src="/images/logo.png" alt="Fantasi-logo" />
    <div class="gap-col-8">
      <div class="font-size-16 font-weight-500 line-height-140">{{ $t('mail.notice.receivedReq') }}</div>
      <div class="font-size-14 font-weight-400 line-height-140">
        {{ $t('mail.notice.receivedReqInfo') }}
      </div>
    </div>
    <div @click="toFantasi" class="font-size-14 font-weight-400 line-height-120 text-center pointer underline mt-10">
      {{ $t('mail.notice.goNow') }} Fantasi.one
    </div>
  </div>
</template>
<script setup>
import { useNavStore } from '@/store/nav'

const navStore = useNavStore()
const { show: showNav, toHome } = navStore

const toFantasi = () => {
  toHome()
  showNav()
}
</script>
<style scoped lang="scss">
.underline {
  text-decoration: underline;
}
.img-width {
  width: 5.0625rem;
}
</style>
